
@media screen and (max-width: 479px) {
	
	.mega-menu > li {
		display: none;
	}

	.mega-menu.expanded > li {
		display: block;
		position: relative;
	}

	.mega-menu .sub-menu > *
	{
		display: none;
	}

	.mega-menu > li.expanded .sub-menu > *
	{
		display: block;
	}	
}

@media screen and (min-width: 480px) {
	.mega-menu 
	{
		position: relative;
	}

	.mega-menu > li
	{
		display: inline-block;
	}

	.mega-menu .sub-menu
	{
		display: none;
	}
	
	.mega-menu > li.expanded .sub-menu
	{
		display: block;
		position: absolute;
		width: 100%;
		left:0;
	}
}

